.setting-container{
    position: relative;
    height: 100%;
    width: 100%;
    .setting-header{
        position: relative;
        height: 40px;
        width: 100%;
        background-color: rgb(23,26,33);
        line-height: 40px;
        color: white;
        .setting-title{
            margin-left: 10px;
        }
        .icon-setting-close{
            position: absolute;
            cursor: pointer;
            right: 0;
            width: 40px;
            height: 40px;
            text-align: center;
            &:before{
                content: '\e656';
                font-size: 20px;
            }
            &:hover{
                background-color: rgb(250,95,107);
            }
        }
    }
    .setting-body{
        position: relative;
        display: flex;
        flex-direction: row;
        width: 100%;
        height: calc(100% - 40px);
        .setting-sidebar{
            position: relative;
            height: 100%;
            width: 150px;
            background-color: rgb(27,29,37);
            .setting-menu{
                cursor: pointer;
                width: 150px;
                line-height: 50px;
                box-sizing: border-box;
                padding-left:40px; 
                color: white;
                &:hover{
                    background-color: rgb(38,42,56);
                    color: rgb(0, 157, 228);
                    border-left: solid 5px rgb(0, 157, 228);
                    padding-left: 35px;
                }
            }
        }
        .setting-content{
            position: relative;
            height: 100%;
            width: calc(100% - 150px);
            background-color: rgb(38,42,56);
        }
    }
}